{% extends "base3-left.html" %}
{% load staticfiles %}

{% block css %}
<link rel="stylesheet" href="{% static 'plugins/datatables/jquery.dataTables.min.css' %}">
<link rel="stylesheet" href="{% static 'js/plugins/layer/skin/layer.css' %}">
<link rel="stylesheet" href="{% static 'plugins/zTree/css/metroStyle/metroStyle.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'plugins/zTree/css/zTreeStyle/zTreeStyle.css' %}" type="text/css">
{#<link rel="stylesheet" href="{% static 'plugins/zTree/css/demo.css' %}" type="text/css">#}
<!-- iCheck for checkboxes and radio inputs -->
{##}
{#          <style type="text/css">#}
{#          ul.ztree {#}
{#              margin-top: 5px;#}
{#              border: 1px solid #617775;#}
{#              background: #f0f6e4;#}
{#              width: 100%;#}
{#              height: 800px;#}
{#              overflow-y: scroll;#}
{#              overflow-x: auto;#}
{#}#}
{##}
{#          .box{#}
{#              width: 200px;#}
{#          }#}
{#      </style>#}
{% endblock %}

{% block content %}

<!-- Content Header (Page header) -->
<section class="content-header margin-bottom">
  <ol class="breadcrumb">
    <li><a href=""><i class="fa fa-dashboard"></i>评审系统</a></li>
    <li class="active"><a href="{% url 'system' %}">标准管理</a></li>
    <li class="active"><a href="{% url 'system-basic:user' %}">标准编辑</a></li>
  </ol>
</section>
    <!-- Main content -->
    <section class="content">
      <div class="row" >
          <div class="col-md-3">
               <div class="box box-primary" id="liebiao">
                  <div class="box-body" style="height: 400px">
                    <ul id="treeDemo" class="ztree" ></ul>
                  </div>
                </div>
          </div>
          <div class="col-md-9">
                <div class="box box-primary" id="liebiao" style="height: 400px">
                     <div class="box-body" >
                     <h4 class="l2title">一、医院设置、功能和任务符合区域卫生规划和医疗机构设置规划的定位和要求 </h4>
                     </div>
                </div>

         </div>
          </div>




 </section>

    <!-- /.content -->

{% endblock %}

{% block javascripts %}
  <script src="{% static 'plugins/datatables/jquery.dataTables.min.js' %}"></script>
  <script src="{% static 'plugins/datatables/dataTables.const.js' %}"></script>
  <script src="{% static 'js/plugins/layer/layer.js' %}"></script>
    <script type="text/javascript" src="{% static 'plugins/zTree/js/jquery.ztree.core.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/zTree/js/jquery.ztree.excheck.js' %}"></script>
  <!-- iCheck 1.0.1 -->
  <script type="text/javascript">
	{#$(function() {#}
	{#    $('#SYSTEM-BASIC').addClass('active');#}
	{#	$('#SYSTEM-BASIC-USER').addClass('active');#}
    {##}
	{#});#}
  </script>

    <script type="text/javascript">
$(function() {
        var setting = {
      data: {
        simpleData: {
          enable: true
        }
      }
    };

    var zNodes = {{ data|safe }};

      zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);



});
// 跳转到用户详情页面
function doUpdate(id){
	var div=layer.open({
		type : 2,
		title : '编辑',
		shadeClose : false,
    	maxmin : true,
		area : [ '800px', '650px' ],
		content : [ "{% url 'system-basic:user-detail' %}"+'?id='+id, 'no' ],
		end : function() {
			oDataTable.ajax.reload();
		}
	});
    layer.full(div)
}


</script>
{% endblock %}